<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>菜品类别编辑</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.css" rel="stylesheet">
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row clearfix">
                <div class="col-md-4 column">
                    <form role="form">
                        <div class="form-group">
                            <label for="shopName">店铺名称</label>
                            <input type="text" class="form-control" id="shopName" th:value="${foodCategoryMap.parentFoodCategory.merchantsName}"/>
                        </div>

                    </form>
                </div>
                <div  class="col-md-4 column">
                    <div class="form-group">
                        <label for="categoryName">菜品类别</label>
                        <input type="text" class="form-control" id="categoryName" th:value="${foodCategoryMap.parentFoodCategory.parentName}"/>
                    </div>
                </div>
                <div class="col-md-4 column" align="center"style="margin-top: 30px;">

                </div>
            </div>
            <table class="table" align="center" valign="middle">
                <thead>
                <tr  >

                    <th>
                        分类ID
                    </th>
                    <th>
                        分类名称
                    </th>
                    <th>
                        图片
                    </th>
                    <th>
                        状态
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="f,msg:${foodCategoryMap.childFoodCategoryList}"

                class="success"
                >


                    <td th:text="${f.id}">

                    </td>
                    <td th:text="${f.child}">

                    </td>
                    <td >
                       <img th:src="${f.picPath}" width="45px" height="45px">
                    </td>
                    <td th:text="(${f.status} eq '1'? '已启用':'未启用')">

                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script th:inline="none">
    //JavaScript代码区域
    layui.use(['layer'], function() {

        var layer = layui.layer;


        layer.closeAll('page');
    });

</script>
</body>
</html>